<template>
  <el-dialog title="上报详情" :visible.sync="showDetail" width="1200px" top="2vh" append-to-body>
    <el-form label-width="110px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="事件名称：" prop="sjmc">
            <div class="input-pre">{{ currentDetail.sjmc }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="事件分类：" prop="sjfl">
            <div class="input-pre">{{ currentDetail.sjfl }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="事件属性：" prop="sjsx">
            <div class="input-pre">{{ currentDetail.sjsx }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="事件评分：" prop="sjpf">
            <div class="input-pre">{{ currentDetail.sjpf }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="上报人：" prop="tbr">
            <div class="input-pre">{{ currentDetail.tbr }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="工 号：" prop="tbr">
            <div class="input-pre">{{ currentDetail.tbrgh }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="发生日期：" prop="fsrq">
            <div class="input-pre">{{ parseTime(currentDetail.fsrq,"{y}-{m}-{d}") }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="备案时间：" prop="barq">
            <div class="input-pre">{{ parseTime(currentDetail.barq) }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="院区：" prop="barq">
            <div class="input-pre">{{ currentDetail.hospital }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="病区：" prop="barq">
            <div class="input-pre">{{ currentDetail.wardName }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="发生地点：" prop="barq">
            <div class="input-pre">{{ currentDetail.fsdd }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="严重程度：" prop="barq">
            <div class="input-pre">{{ currentDetail.yzcd }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="发生频率：" prop="barq">
            <div class="input-pre">{{ currentDetail.fspl }}</div>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <div class="mb10 pl20">填报内容：</div>
          <el-form-item label="" prop="tbnr" label-width="20px">
            <div class="input-pre pt10 pb10" style="max-height: 400px;overflow-y:scroll;">{{ currentDetail.tbnr }}</div>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="closeDetail">关 闭</el-button>
    </div>
  </el-dialog>
</template>
<script>
export default {
  name: 'RuijingDetail',
  components: {},
  data() {
    return {
      currentDetail: {},
      showDetail: false
    }
  },
  created() {

  },
  methods: {
    open(row) {
      this.currentDetail = row
      this.showDetail = true
    },
    closeDetail() {
      this.showDetail = false
    }
  }
}

</script>
<style lang="scss" scoped>
.input-pre {
  background: #eee;
  border-radius: 8px;
  padding: 0px 10px;
}

</style>
